<template>
  <base-input :options="options" v-model="val">
	  <template v-if="options.prefix" slot="prefix">{{options.prefix}}</template>
	  <template v-if="options.suffix" slot="suffix">{{options.suffix}}</template>
	  <template v-if="options.prepend" slot="prepend">{{options.prepend}}</template>
	  <template v-if="options.append" slot="append">{{options.append}}</template>
  </base-input>
</template>

<script>

import BaseInput from './base-input'

export default {
  components: { BaseInput},
  props: {
    options: {
      default: Object,
      required: true
    },
    value: {
      required: true
    }
  },
  computed: {
    val: {
      get () {
        return this.value
      },
      set (value) {
        this.$emit('input', value)
      }
    }
  },
}
</script>
